<div class="right">
    <div class="f-right-title border-bottom">
        <a  ng-repeat="item in titleNavation" ng-class="isShowCurrent[$index]?'f-right-title-checked':'f-right-title-noChecked'"  ng-click="checkTitle(item.type,$index)" ng-bind="item.title"></a>
    </div>
    <div class="f-right-filter ">
        <div class="f-right-filter-l">
            <a ng-bind="i18n.everPageShow" ></a>
            <a  ng-repeat="item in everPageShow" ng-bind="item" ng-style="{'font-weight':isCurrent[$index]}"
                ng-class="$index ==everPageShow.length-1 ?'notAddRightBorder':'addRightBorder'" ng-click="changeItemsPerPage(item,$index)"></a>
        </div>
        <div class="f-right-filter-r clearfix">
            <div class="f-right-filter-deleteRecords" ng-bind="i18n.deleteRecord" ng-click="clearRecord()"></div>
        </div>
    </div>
    <div class="f-right-table ">

        <table class="table" ng-show="isShowCurrent[0] == true">
            <tbody >
            <tr ng-repeat="item in notify track by $index">
                <td  class="td-70">
                    <p class="td-comment-message"><i class="notice_inc iconfont" ng-if="item.resdStatus" style="color: #f00; margin-right: 5px;">&#xe605;</i><i class="notice_inc iconfont" style="color: #006DCC;margin-right: 5px;">&#xe601;</i><span style=" color: #666460;" ng-bind="item.nm.content" ng-click="readMessage(item)"></span></p>
                </td>
                <td class="td-30" ><span ng-bind="times "></span> <i class="delete_inc iconfont" style="cursor: pointer" ng-click="del(item)">&#xe608;</i></td>
            </tr>
            </tbody>
            <no-content conf-type="'resume'" conf-content="noContent" ng-if="notify.length == 0 &&isShowCurrent[0] == true"></no-content>
        </table>

        <div class="message" ng-if="isShowCurrent[1] == true">
            <no-content conf-type="'resume'" conf-content="noContent" ng-if="message.length == 0 && isShowCurrent[1] == true"></no-content>
            <dl ng-repeat="item in message track by $index">
                <dt><span><i class="notice_inc iconfont" ng-if="!item.userReadStatus" style="color: #f00;float:left;margin-right: 5px;">&#xe605;</i></span><img src="them/imag/noSrc.png" ng-src="{{item.logo}}" alt="" /></dt>
                <dd>
                    <p>
                        <b ng-bind="item.name" style="cursor: pointer;" ng-click="readMessage(item)"></b>
                        <b class="what"><span ng-bind="item.createTime | date:'yyyy-MM-dd HH:mm:ss'"></span><span><img  style="cursor: pointer" src="them/imag/message.png" alt="" ng-click="sendMessage(item)" /></span><span class="delete_inc iconfont" style="font-size: 20px;color: #666;cursor: pointer;" ng-click="del(item)">&#xe608;</span></b>
                    </p>
                    <p ng-bind="item.content"></p>
                </dd>
            </dl>
        </div>
    </div>
	<ui-dialog  dialog-conf="clearAllWindow"></ui-dialog>
    <ui-dialog  dialog-conf="dialogModel"></ui-dialog>
    <send-message message-conf="sendMessageModel" ></send-message>
    <ui-pagination  ng-if="paginationConf" conf="paginationConf"></ui-pagination>
</div>
<style>

    a:hover {
        text-decoration: none;
        color:#00AAFE
    }
    .right{
        width:960px;
        float:left;
        padding-left:30px;
    }
    .right .f-right-title{
        height:50px;
    }
    .f-right-title-noChecked{
        float:left;
        display: block;
        line-height: 50px;
        font-size: 14px;
        margin-right:30px;
    }
    .f-right-title-checked{
        float:left;
        display: block;
        line-height: 50px;
        font-size: 14px;
        margin-right:30px;
        color:#00AAFE;
        background: #F5F5F3;
        font-weight: bold;
        border-bottom:2px solid #00AAFE;
    }
    .f-right-title {
        padding-left: 20px;
    }
    .f-right-filter{
        height: 40px;
        padding-top: 10px;
        padding-left: 20px;
    }
    .f-right-filter-l a{
        display: block;
        float:left;
        margin-right:12px;
        font-size: 12px;
        margin-top: 5px;
        padding-right: 10px;
        color:#00AAFE;
    }
    .f-right-filter-l a:nth-child(1){
        color: #666460;
    }
    .f-right-filter-l a:hover{
        font-weight: bold;
    }
    .f-right-filter-l a:nth-child(1):hover{
        font-weight: normal;
    }
    .addRightBorder{
        border-right:1px solid #00AAFE;
    }
    .notAddRightBorder{
        border-right:0px solid #00AAFE;
    }
    .f-right-filter-r{
        float:right;
    }
    .f-right-filter-search input{
        float: left;
        width:148px;
        height:26px;
        border:0px solid #ddd;
        background: transparent;
        padding-left:10px;
    }
    .f-right-filter-uploadFile{

        width:90px;
        height:30px;
        background:url("them/images/uploadData_inc.png") no-repeat;
    }
    .f-right-filter-search-btn{
        float: left;
        display: block;
        width:30px;
        height:34px;
        cursor: pointer;
    }
    .f-right-filter-deleteRecords{
        line-height: 30px;
        width: 90px;
        height: 30px;
        color: #fff;
        background: #30A3FE;
        text-align: center;
        font-size: 14px;
        cursor: pointer;
    }
    /* table*/
    .table{
        width: 100%;
        margin-bottom: 20px;
        border-collapse: collapse;
        border:1px solid #ddd;
        font-size:14px;
    }
    .table th,.table td{
        padding-left: 8px;
        padding-right:8px;
        text-align: center;
        border-top: 1px solid #dddddd;
    }
    .table th{
        font-weight: normal;
        height:35px;
        line-height: 35px;
    }
    .table td{
        height:50px;
    }
    .table th:nth-child(1),.table td:nth-child(1){
        text-align: left;
        padding-left:20px;
    }
    .table tbody{
        background:#fff;
    }

    .td-70{
        width: 70%;
        max-width: 180px;
    }
    .td-30{
        width: 30%;
        max-width: 120px;
        overflow-x: hidden;
        text-overflow: ellipsis;
        /*line-height: 120px;;*/
    }

    .border-bottom{
        border-bottom: 1px solid #E1DEDA;
    }
    /*评论中 table td 内部样式设定  #666460*/
    .td-comment-filename{
        color: #00AAFE;
    }
    
    
    .message{
    	background: #fff;
    	border: 1px solid #ddd;
    	border-bottom: 0;
    }
    .message dl{
    	padding: 12px 16px 16px 16px;
    	overflow: hidden;
    	border: 1px solid #ddd;
    }
    .message dl dt{
    	float: left;
    	margin-right: 10px;
    	overflow: hidden;
    }
    .message dl dt span{
    	display: inline-block;
    	width: 16px;
    	height: 50px;
    	line-height: 50px;
    }
    .message dl dt img{
    	width: 50px;
    	height: 50px;
    	border-radius: 50px;
    }
    .message dl dd{
    	float: left;
    }
    .message dl dd p:nth-of-type(1){
    	margin: 5px 0 10px 0;
    	width: 848px;
    	overflow: hidden;
    }
    .message dl dd p:nth-of-type(1) b:nth-of-type(1){
    	font-size: 14px;
    	float: left;
    }
    .message .what{
    	float: right;
    	width: 248px;
    	font-weight: normal;
    }
    .what span{
    	margin-left: 30px;
    	float: left;
    }
    .what .iconfont{
    	margin-top: -5px;
    }
    .message dl dd p:nth-of-type(2){
    	color: #666;
    }
</style>